<script setup>
import { ref } from 'vue';

import { Card, TabPane, Tabs } from 'ant-design-vue';

import OnlineClient from './onlineClient/index.vue';
import TopicList from './topicList/topicList.vue';

defineProps(['device']);

const activeKey = ref('0');
</script>

<template>
  <Card>
    <Tabs v-model:active-key="activeKey">
      <TabPane key="0" tab="在线客户端" class="w-full">
        <OnlineClient :device="device" />
      </TabPane>
      <TabPane key="1" tab="订阅产品" class="w-full">
        <TopicList />
      </TabPane>
    </Tabs>
  </Card>
</template>

<style lang="scss" scoped></style>
